<template id="q">
               <div>
                 <h1>webpack 通过render  创建出来的账户模板组件 (还有实例中的msg会被覆盖) </h1>
                 <input type="button" value="按钮" @click="show" >


                <mt-button type="default" @click="show1">default</mt-button>
                 <mt-button type="primary">primary</mt-button>
                 <mt-button type="danger">danger</mt-button>

                 <!-- <a><span class="mui-icon-extra mui-icon-extra-gift"></span></a> -->


<!-- <form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form> -->

  <!-- <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div> -->





                 <router-link to="/account/qq">QQ</router-link>  
                <router-link to="/account/chat">Chat</router-link>

         
                        <router-view></router-view>
               </div>
             </template>

<style>

</style>

<script>
import { Toast } from 'mint-ui';

var childzj={     //向外暴露成员  
        data(){
            return{

            }
        },
        careted(){
                this.getlist()
        },
            methods:{

                    // getlist(){
                       
                    //          this.show1()
                    //     setTimeo(function(){
                    //             //过三秒移除 方法
                    //             this.toastinstance.close();
                    //     },3000);
                    // },


                    show(){
                        alert("调用了  webpack的account中Vue中 子组件 方法 ");
                    },
                     show1(){
                       Toast({
                             message: 'Upload Complete 不知道',
                             position: 'top',
                             duration: 1000  //   duration 为 －1  的话  弹出之后不消失  (这是显示的时间长度)
                                });

                    }
                    // show1(){
                    //    this.toastinstance= Toast({
                    //          message: 'Upload Complete 不知道',
                    //          position: 'top',
                    //          duration:500  //   duration 为 －1  的话  弹出之后不消失  (这是显示的时间长度)
                    //             });

                    //           var close =setTimeout(() => {
                    //         instance.close();
                    //              }, 100);

                    // }
            }
}

export default  childzj

</script>

